<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-10-18 18:23
  PageName：k_imagebg_Mix.html
  Function：设置背景图像 - 多背景图
  URL：http://localhost:8080/f_image/f3_image_background/k_imagebg_Mix.html
-->

<head>
    <meta charset="UTF-8">
    <title>设置背景图像 - 多背景图</title>

    <style type="text/css" media="screen">
        body {
            text-align: center;
        }

        .roundbox {
            padding: 2em;
            width: 90%;
            margin: 0px auto;
            background-image: url(images/roundbox1/tl.gif),
            url(images/roundbox1/tr.gif),
            url(images/roundbox1/bl.gif),
            url(images/roundbox1/br.gif),
            url(images/roundbox1/right.gif),
            url(images/roundbox1/left.gif),
            url(images/roundbox1/top.gif),
            url(images/roundbox1/bottom.gif);
            background-repeat: no-repeat,
            no-repeat,
            no-repeat,
            no-repeat,
            repeat-y,
            repeat-y,
            repeat-x,
            repeat-x;
            background-position: left 0px,
            right 0px,
            left bottom,
            right bottom,
            right 0px,
            0px 0px,
            left 0px,
            left bottom;
            background-color: #66CC33;
            text-align: left;
        }
    </style>
</head>

<body>
<div class="roundbox">
    <h3><span>这是什么？</span></h3>

    <p class="p1"><span>
        <span class="first">对</span>于网页设计师来说应该好好研究
        <acronym title="cascading style sheets">CSS</acronym>。Zen Garden致力于推广和使用CSS技术，努力激发和鼓励您的灵感和参与。你可以从浏览高手的设计作品入门。只要选择列表中的任一个样式表，就可以将它加载到这个页面中。
        <acronym title="hypertext markup language">HTML</acronym>文档结构始终不变，但是你可以自由的修改和定义
        <acronym title="cascading style sheets">CSS</acronym>样式表。
    </span>
    </p>

    <br>
    <br>
</div>
</body>
</html>